/* 引入 TailwindCSS 样式 */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 全局过渡效果 */
body {
  @apply transition-colors duration-300;
}

/* 白天和夜间背景适配 */
html {
  background-color: #fff;
  color: #000;
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(135deg, #17ead9, #6078ea);
  }
}
::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}

html.dark {
  background-color: #000;
  color: #fff;
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(135deg, #43cbff, #9708cc);
  }
}

/* 夜间模式 Element Plus 卡片样式 */
html.dark .el-card {
  background-color: #1e1e1e !important;
  color: #fff;
}
